<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>充值中心</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">

		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<meta name="format-detection" content="telephone = no" />
		<meta name="format-detection" content="email = no" />
		<link rel="stylesheet" href="css/recharge.css" />
	</head>

	<body>
		<header>
			<div class="header_title">
				<a href=""><img src="img/return_left.jpg" /></a>
				<h3>充值中心</h3></div>
		</header>
		<!--头部结束-->
		<section>
			<div class="recharge_title">
				<ul>
					<li class="recharge_title01">充话费</li>
					<li>充流量</li>
				</ul>
			</div>
			<div class="recharge_input">
				<input type="text" name="" id="" value="" placeholder="请输入手机号" />
				<div class="reset">✕</div>
			</div>
			<div class="replenish">
				<div class="respan"><span>目前积分</span><span>3000</span></div>
				<ul>
					<li class="resbgf">
						<p>30M</p>
						<p>300积分</p>
					</li>
					<li class="resbgf">
						<p>500M</p>
						<p>1680积分</p>
					</li>
					<li class="resbgf">
						<p>700M</p>
						<p>2080积分</p>
					</li>
					<li class="resbgf">
						<p>1000M</p>
						<p>2280积分</p>
					</li>
					<li class="resbg">
						<p>1G</p>
						<p>26800积分</p>
					</li>
					<li class="resbg">
						<p>2G</p>
						<p>45000积分</p>
					</li>
				</ul>
			</div>
		</section>
		<footer>
			<button id="btn">立即兑换</button>
			<div>
				<div class="quan"></div>全国使用，即使生效，当月有效</div>
		</footer>
	</body>

</html>